<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/assets/printer/printPage.css?v=3653060703">
    <style type="text/css">
        .h1 {
            font-size: 20pt;
            line-height: 30pt;
            font-weight: 800;
        }

        .h2 {
            font-size: 10pt;
            line-height: 20pt;
            font-weight: 400;
        }

        .strong {
            font-weight: 800;
        }

        #describe {
            max-height: 33em;
            overflow: auto;
        }

        #describe img {
            max-height: 50mm;
            max-width: 50mm;

        }

        .table1 td {
            padding: 0.2em 0.5em 0.2em 0em;
        }

        .underLine {
            border-bottom: 1px solid #000;
        }
    </style>
    <!-- 打印设置 -->
    <style type="text/css" media=print>
        #header, .top_title, #jqprint, #footer, #cssprint {
            display: none
        }

        .Noprint {
            display: none
        }

        .Noboder {
            border: 0px solid #000;
            margin: 0px;
            height: 10px;
            width: auto;
        }

        .pages {
            border: 0px solid #000;
            margin: 0px;
        }

        .Minprint {
            height: auto;
            width: 277mm;
            border: 0px solid #666666;
        }

        .PageNext {
            page-break-after: always;
        }

        .Hidden {
            visibility: hidden;
        }
    </style>
    <script src="${request.contextPath}/assets/js/jquery-1.12.4.min.js?v=3653060703" type="text/javascript"></script>
    <script src="${request.contextPath}/assets/js/json2.js?v=3653060703" type="text/javascript"></script>
    <script type="text/javascript">
        //        A4:'210,297',
        $(function () {
            $(".pages").css('width', '180mm');
            $(".pages").css('height', '108mm');
            $(".pages").css('padding', '20mm 15mm');
            $(".pages").css('font-size', '10pt');
        })

        function printIE() {
            window.print();
        }
    </script>
</head>
<body style="background-color: #CCCCCC;">
<div class="tool Noprint">
    <table width="1000" border="0" align="center" cellpadding="2" cellspacing="0">
        <tr>
            <td colspan="12" align="center">
                <input name="print" type="button" class="bt" value="开始打印" onclick="printIE();"/></td>
        </tr>
    </table>
    <br/>
</div>
<div style="height:100px" class="Noprint"></div>
<div class="printPaper Noboder ">
    <div class="pages PageNext">
        <table cellspacing="0" cellpadding="0" width="100%" style="border-bottom: 1px solid #000">
            <tr>
                <td colspan="7" class="h1" align="center">资产领取申请单</td>
            </tr>
            <tr class="h2">
                <td width="80">打印平台：</td>
                <td>${systemName}</td>
                <td width="60">流水号：</td>
                <td>${mainData.flowCode}</td>
                <td>　</td>
                <td width="90" align="right">打印时间：</td>
                <td width="150" align="right">${printTime}</td>
            </tr>
        </table>
        <table cellspacing="0" cellpadding="0" class="table1">
            <col width="100">
            <col width="140">
            <col width="100">
            <col width="140">
            <col width="100">
            <col width="140">
            <tr>
                <td class="strong">领取人：</td>
                <td>${mainData.getSName}</td>
                <td class="strong">领取人电话：</td>
                <td>${mainData.getStaffTel}</td>
                <td class="strong">申请时间：</td>
                <td>${mainData.createTime?string('yyyy-MM-dd hh:mm')}</td>
            </tr>
            <tr>
                <td class="strong">使用方式：</td>
                <td>${mainData.useTypeName}</td>
                <td class="strong">使用部门：</td>
                <td>${mainData.useOName}</td>
                <td class="strong">使用人：</td>
                <td>${mainData.useSName}</td>
            </tr>
            <tr>
                <td class="strong">使用位置：</td>
                <td colspan="5">${mainData.usePosition}</td>
            </tr>
            <tr>
                <td class="strong">使用原因：</td>
                <td colspan="5">${mainData.reason}</td>
            </tr>
        </table>
        <table cellspacing="0" cellpadding="0" class="tabborder">
            <col width="100">
            <col width="100">
            <col width="150">
            <col width="50">
            <col width="100">
            <tr>
                <td class="strong">资产类型</td>
                <td class="strong">品牌</td>
                <td class="strong">型号</td>
                <td class="strong">数量</td>
                <td class="strong">备注</td>
            </tr>
        <#list detailList as item>
            <tr>
                <td>${item.typeName}</td>
                <td>${item.brandName}</td>
                <td>${item.name}</td>
                <td>${item.getCount}</td>
                <td>${item.tips}</td>
            </tr>
        </#list>
        </table>

        <div style="display: flex;margin-top:1em; line-height: 2em" class="strong">
            <div>
                审批部门：
            </div>
            <div style="flex: 1" class="underLine">
            ${mainData.checkOName}
            </div>
            <div>
                审批人：
            </div>
            <div style="flex: 1" class="underLine">
            ${mainData.checkSName}
            </div>
            <div>
                审批时间：
            </div>
            <div style="flex: 1" class="underLine">
            ${mainData.checkTime?string('yyyy-MM-dd hh:mm')}
            </div>
        </div>

    </div>
</div>
</body>

</html>
